@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none !important;font-family: "PingFang"; }
body{ margin:0px; padding:0px; font-size:12px; font-family: "PingFang"; color:#000; line-height:1; background:#fff;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "PingFang"; border: none; outline: none; background: none; box-shadow: none;-webkit-appearance: none; }
select{ font-family: "PingFang"; border: none; outline: none; background: none; box-shadow: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,h5,h6,h1,b,strong { font-weight: normal; }
em,i { font-style: normal; }

body{ background-color: #fff;  padding-top: 90px; }

@keyframes sliderPagination {
    100% {transform: scaleX(1); opacity: 1;}
}

@font-face{
  font-family: 'PingFang';
  src: url(../font/PingFang-Medium.ttf);
}

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; background: url() no-repeat center;}
:root{
	--color: #00d3a3;/*主题色*/
}


.cont{ width: 1260px; margin:0 auto; }
.w1008{ width:1008px; }

.headbox{ position: fixed; top: 0; left: 0; z-index: 99; width: 100%;  height: 70px; background: #fff; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.11);  }
.head{ overflow: hidden; display: flex; align-items: center; justify-content: space-between; }
.head .logobox{ width: 147px; float: left; }
.head .logobox a{ display: block; }
.head .logobox a>img{ width: 100% }
.head .navbox{ float: left; overflow: hidden; }
.head .navbox li{ float: left; }
.head .navbox li a{ display: block; font-size: 16px; color: #000; line-height: 70px; padding: 0 26px; transition: all 0.4s; }
.head .navbox li:last-child a{ padding-right: 0;}
.head .navbox li a:hover{ color: var(--color); font-weight: bold; }

.bannerbox{ margin: 0 auto; position: relative;}
.padd{ height: 418px; overflow: hidden; border-radius: 10px }
.nrimg{ width: 100%; margin: 0 auto; }
.mySwiper{ position: relative; border-radius: 10px; overflow: hidden;}
.mySwiper img{ width: 100%; }
.bannerbox .swiper-next{ position: absolute; right: 30px; top: 50%; margin-top: -25px; background: url(../img/img02.png) no-repeat; background-size: 100%; width: 50px; height: 50px; background-position: center; cursor: pointer; z-index: 98; opacity: 0.6 }
.bannerbox .swiper-prev{position: absolute; left: 30px; top: 50%; margin-top: -25px; background: url(../img/img01.png) no-repeat; background-size: 100%; width: 50px; height: 50px; background-position: center; cursor: pointer;z-index: 98; opacity: 0.6 }
.bannerbox .swiper-next:hover{ opacity: 1 }
.bannerbox .swiper-prev:hover{ opacity: 1 }
.bannerbox .swiper-pagination{ bottom: 25px !important }
.bannerbox .swiper-pagination .swiper-pagination-bullet{ width: 6px; height:6px; background: #000; border-radius: 0; opacity: 0.5; border-radius: 3px; }
.bannerbox .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 12px; background: #00d3a3!important; opacity: 1 }

.ggtit{ display: flex; justify-content: space-between; align-items: center; }
.ggtit .tit{ overflow: hidden; }
.ggtit .tit img{ float: left; width: 30px; height: 30px; margin-right: 10px; }
.ggtit .tit span{ display: block; float: left; line-height: 30px; font-size: 24px; font-weight: bold; color: #000;}
.ggtit .hyh{ overflow: hidden; }
.ggtit .hyh a{ display: block; font-size: 16px; line-height: 30px; color: #666; cursor: pointer;}
.ggtit .hyh a:hover{ color: var(--color)}

.mainbox{ overflow: hidden; margin-top: 40px; }
.gglistbox{ overflow: hidden; }
.gglistbox .ggitem{ margin-bottom: 20px; float: left; }
.gglistbox .listbox{ margin-top: 24px; }
.gglistbox .listbox ul { overflow: hidden; }
.gglistbox .listbox ul li{ float: left; width: 240px; height: auto; margin-right: 12px; margin-bottom: 15px; overflow: hidden; border-radius: 10px; border: 2px solid #f3f3f3; padding: 14px; margin-right: 15px;}
.gglistbox .listbox ul li:nth-child(4n){margin-right: 0;}
.gglistbox .listbox ul li .imgbox{ position: relative; overflow: hidden; border-radius: 10px; display: block; width: 208px; padding-top: 292px; float: left; display: block;}
.gglistbox .listbox ul li .imgbox>img{position: absolute; left: 0; top:0; width: 100%; height: 100%;border-radius: 10px; object-fit: cover; object-position: center top;object-position: 50% 50%;}
.gglistbox .listbox ul li .imgbox .playbtn{ display: block; opacity: 0; width: 100%; position: absolute; height: 100%; top: 0; left: 0; background: url(../img/icon11.png) no-repeat rgba(0,0,0,0.4); background-size: 30px 35px; background-position: center; cursor: pointer; transition: all 0.4s; }
.gglistbox .listbox ul li:hover .imgbox .playbtn{ opacity: 1 }
.gglistbox .listbox ul li .btbox{ float: left; margin-top: 14px; }
.gglistbox .listbox ul li .btbox .ph2{ max-width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.4s; }
.gglistbox .listbox ul li .btbox .ph2 a{ font-size: 16px; font-weight: bold; color: #000;}
.gglistbox .listbox ul li .btbox .pname{  margin-top: 10px;}
.gglistbox .listbox ul li .btbox .pname a{ display: block; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; font-size: 13px; font-weight: normal; color: #666666; }
.gglistbox .listbox ul li .btbox .downbtn{ display: block; width: 80px; height: 30px; background: linear-gradient(-35deg, #ff8800, #ff5500); color: #fff; font-size: 14px; text-align: center; line-height: 30px; border-radius: 5px; margin-top: 14px;}
.gglistbox .listbox ul li .btbox .ph2:hover a{ color: var(--color) }

.gglistbox .listbox.novelbox li .imgbox{ width: 208px; padding-top: 133px;}
.gglistbox .listbox.cartoonbox li{ width: 325px; }
.gglistbox .listbox.cartoonbox li .imgbox{ width: 293px; padding-top: 169px;}
.gglistbox .listbox.cartoonbox li:nth-child(3n){ margin-right: 0; }
.gglistbox .listbox.cartoonbox li:nth-child(4n){ margin-right: 15px; }
.gglistbox .listbox.cartoonbox ul li .btbox{ margin-top: 0; margin-bottom: 14px; }
.gglistbox .listbox.cartoonbox ul li .btbox .ph2{ max-width: 300px; }

.gglistbox .listbox.downbox li .imgbox{ width: 80px; padding-top: 101px;}
.gglistbox .listbox.downbox li .btbox{ margin-left: 12px; }
.gglistbox .listbox.downbox li .btbox .pname{ max-width: 116px;}
.gglistbox .listbox.downbox ul li .btbox .ph2{ max-width: 116px; }

.rankbox{ float: right; width: 228px;}
.rankitem{  position: relative;}
.ranktit{ overflow: hidden; height: 30px; }
.ranktit .rankdw{ float: left;  width: 20px; height: 20px; margin-top: 5px; }
.ranktit p{ float: left; line-height: 30px; font-size: 20px; font-weight: bold; color: #000; margin-left: 16px;}
.ranklist{ margin-top: 24px; }
.phbbox{}
.phbbox ul{ border: 2px solid #f3f3f3; padding: 14px; background: #fff; border-radius: 10px; }
.phbbox ul li{ margin-bottom: 22px; }
.phbbox ul li:last-child{ margin-bottom: 0; }
.phbbox ul li { overflow: hidden; display: flex; align-items: center; }
.phbbox ul li .mcem{ display: block; float: left; width: 24px; height: 24px; font-size: 14px; line-height: 24px; text-align: center; border-radius: 50%; margin-top: 8px; margin-right: 14px; background: #eeeeee; color: #666; }
.phbbox ul li .mcem.mca{ background: #ff4a4a; color: #fff; }
.phbbox ul li .mcem.mcb{ background: #ff7701; color: #fff; }
.phbbox ul li .mcem.mcc{ background: #ffb400; color: #fff; }
.phbbox ul li .imgbox{  position: relative; overflow: hidden; border-radius: 6px; display: block; width: 40px; padding-top: 40px; float: left; display: block;}
.phbbox ul li .imgbox>img{ position: absolute; left: 0; top:0; width: 100%; height: 100%;border-radius: 5px; object-fit: cover; object-position: center top;object-position: 50% 50%;}
.phbbox ul li .arig{ float: left; margin-left: 10px; }
.phbbox ul li .arig p{ max-width: 108px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 2px;}
.phbbox ul li .arig p a{font-size: 14px; color: #000; font-weight: bold; max-width: 108px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.phbbox ul li .arig span{ font-size: 12px; color: #666666; display: block; background: url(../img/liulan.png) no-repeat; background-size: 15px 10px; background-position: left center; padding-left:20px;  }
.phbbox ul li .arig:hover p a{ color: var(--color) }

.gglistbox .listbox.vili ul li{ width: 615px; height: auto; margin-right: 30px; }
.gglistbox .listbox.vili ul li .btbox{ margin-left: 20px; }
.gglistbox .listbox.vili ul li .btbox .ph2{ max-width: 350px; font-size: 24px; }
.gglistbox .listbox.vili ul li .btbox .ph2 a{ font-size: 24px; }
.gglistbox .listbox.vili ul li .btbox .pname1{ max-width: 350px; margin-top:15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; }
.gglistbox .listbox.vili ul li .btbox .pname1 a{ line-height: 20px; }
.gglistbox .listbox.vili ul li:nth-child(2n){ margin-right: 0; }
.gglistbox .listbox.vili ul li .imgbox{ width: 200px; padding-top: 154px; }

.updatemain{padding: 30px;  background: rgba(255,255,255,1); border-radius: 10px; border: 2px solid #f3f3f3; }
.updatebox.ejbox .updatemain{ padding: 24px 24px 15px}
.updatebox.ejbox .ggtit .tit span{ margin-left: 0; }
.classifybox{ width: 100%; overflow: hidden; margin-top: 20px; }
.classifybox dl{ width: 100%; float: left; padding-left: 20px; overflow: hidden; margin-bottom: 35px;}
.classifybox dl:last-child{ margin-bottom: 15px;}
.classifybox dl dd{ font-size: 15px; font-weight: bold; color: #000; float: left; }
.classifybox dl dt{ font-size: 15px; font-weight: bold; color: #000; float: left; padding-left: 30px }
.classifybox dl dt a{ display: inline-block; font-size: 14px; font-weight: normal; color: #666666; transition: all 0.4s; margin-right: 26px; }
.classifybox dl dt a:hover{ color: var(--color); cursor: pointer; }

.twomovie .gglistbox .listbox ul li:nth-child(4n){ margin-right: 15px; }
.twomovie .gglistbox .listbox ul li:nth-child(5n){ margin-right: 0; }
.twonovel .gglistbox .listbox.novelbox ul li:nth-child(4n){ margin-right: 15px; }
.twonovel .gglistbox .listbox.novelbox ul li:nth-child(5n){ margin-right: 0; }

.twocartoon .gglistbox .listbox.cartoonbox ul li{ width: 410px; }
.twocartoon .gglistbox .listbox.cartoonbox ul li .imgbox{ width: 378px; padding-top: 218px }
.twocartoon .gglistbox .listbox.cartoonbox ul li:nth-child(4n){ margin-right: 15px; }
.twocartoon .gglistbox .listbox.cartoonbox ul li:nth-child(3n){ margin-right: 0; }


.dlinkbox{ margin-top: 10px; }
.dlinkbox .item{ width: 100%; height: 40px; line-height: 40px; background: #e8e8e8; border-radius: 6px; overflow: hidden; margin-top: 20px;}
.dlinkbox .item p{ float: left; font-size: 14px; color: #000000; padding-left: 20px; width: calc(100% - 162px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.dlinkbox .item a{ display: block; float: right; width: 132px; height: 40px; background: var(--color); color: #fff; font-size: 14px; text-align: center;}


.libanbox{ border-radius: 10px; border: 2px solid #f3f3f3; padding: 24px; overflow: hidden; }
.litopimg{ display: block; width: 402px; padding-top: 200px; position: relative; overflow: hidden; border-radius: 10px; float: left;}
.litopimg>img{position: absolute; left: 0; top:0; width: 100%; height: 100%;border-radius: 5px; object-fit: cover; object-position: center top;object-position: 50% 50%;}
.litopnr{ float: left; margin-left: 24px; width: calc(100% - 426px) }
.litopnr .lip1{ font-size: 18px; font-weight: bold; color: #000; margin-top: 8px;}
.litopnr .lip2{ font-size: 13px; font-weight: normal; color: #666666; margin-top: 18px;}
.litopnr .lip3{ font-size: 13px; font-weight: normal; color: #666666; margin-top: 18px; line-height: 28px;  overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3; /* 设置最大显示行数 */ -webkit-box-orient: vertical; text-overflow: ellipsis;}
.litopnr .lip4{ font-size: 13px; font-weight: normal; color: #666666; margin-top: 18px;}
.litopnr .lip4 a{ font-size: 13px; color: var(--color); text-decoration: underline;}

.xqdebox{ border: 2px solid #f3f3f3; padding: 50px; border-radius: 10px; margin-bottom: 30px; }
.xqtit{ font-size: 32px; font-weight: bold; color: #000; text-align: center; }
.xqsp{ font-size: 14px; font-weight: normal; color: #666; text-align: center; width: 100%; border-bottom: 1px solid #dedede; margin-top: 30px; padding-bottom: 30px; }
.xqmain{ margin-top: 30px; }
.xqmain p{ color: #666; line-height: 30px; font-size: 16px; }
.xqmain img{ max-width: 100%; margin: 30px auto; }

.libanbox.vidtopbox .litopimg{ width: 100px; padding-top: 100px;}
.libanbox.vidtopbox .litopnr{ float: left; margin-left: 24px; width: calc(100% - 124px) }
.libanbox.vidtopbox .lip1{ margin-top: 4px; }
.libanbox.vidtopbox .lip2{ margin-top: 12px; }
.libanbox.vidtopbox .lip3{-webkit-line-clamp: 2; /* 设置最大显示行数 */; margin-top: 12px; line-height: 20px;}

.gglistbox .listbox.vili.vidlisht ul li{ width:493px }
.gglistbox .listbox.vili.vidlisht ul li:nth-child(3n){ margin-right: 21px;}
.gglistbox .listbox.vili.vidlisht ul li:nth-child(2n){ margin-right: 0 }
.gglistbox .listbox.vili.vidlisht ul li .btbox .ph2{ max-width: 342px }
.gglistbox .listbox.vili.vidlisht ul li .btbox .pname1{ max-width: 342px }

.twonews .gglistbox .listbox.vili ul li:nth-child(2n){ margin-right: 0; }


.ranklist{ }
.phbbox{}
.phbbox ul{}
.phbbox ul li{ margin-bottom: 17px; }
.phbbox ul li { display: block; overflow: hidden; line-height: 20px; }
.phbbox ul li .rkcolor{ float: left; background: #eeeeee; width: 20px; height: 20px; border-radius: 4px; font-size: 14px; color: #444; text-align: center; line-height: 20px; display: block; }
.phbbox ul li .rkcolor.onecolor{  background: #fc4274; color: #fff; }
.phbbox ul li .rkcolor.twocolor{  background: #ff8155; color: #fff; }
.phbbox ul li .rkcolor.thrcolor{  background: #fcb80a; color: #fff; }
.phbbox ul li a{ display: block; float: left; }
.phbbox ul li a b{ display: block; font-size: 14px; font-weight: bold; float: left; color: #000; max-width: 120px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-left: 10px; }
.phbbox ul li:hover a b{ color: var(--color) }


.tabpage{ font-size: 14px;color: #999;}
.tabpage span{ font-size: 14px; color: #666; }
.tabpage a{ font-size: 14px; color: #333; }

.vidbigbox{ overflow: hidden; margin-top: 20px; }
.vidbigbox .vidlebox{ }
.detilebox{ display: flex; justify-content: space-between; border-radius: 10px; border: 2px solid #f3f3f3;  padding: 24px; margin-top: 24px; }
.deleftbox{ overflow: hidden; }
.deleftbox .deimg{ float: left; width: 212px; padding-top: 298px;position: relative; overflow: hidden; border-radius: 10px; }
.deleftbox .deimg>img{position: absolute; left: 0; top:0; width: 100%; height: 100%;border-radius: 5px; object-fit: cover; object-position: center top;object-position: 50% 50%;}
.deleftbox .denr{ float: left; margin-left: 24px; max-width: 970px }
.deh2{ font-size: 28px; color: #000; margin:6px 0 10px; font-weight: bold; }
.dep{ font-size: 14px; color: #666; line-height: 38px; max-width: 996px; }
.denr .palybtn{ display: block; width: 120px; height: 42px; border-radius: 21px; background: #00d3a3; color: #fff; font-size: 16px; text-align: center; line-height: 42px; margin-top: 10px; transition: all 0.4s; }
.denr .palybtn:hover{ background: #000; }
.routebox{ padding: 24px 24px 24px; border-radius: 10px; border: 2px solid #f3f3f3; margin-bottom: 20px; }
.routetop{ overflow: hidden; padding-bottom: 15px; border-bottom: 1px solid rgba(0,0,0,0.1) }
.routeh2{ font-size: 24px; font-weight: bold; color: #000; float: left;}
.routenav{float: left; margin-left: 50px; }
.routenav li{ float: left; font-size: 14px; color: #666; transition: all 0.4s; cursor: pointer; line-height: 24px; margin-right: 36px; position: relative;}
.routenav li.on{ color: var(--color);}
.routenav li.on:after{ content: ''; position:  absolute; left: 0; bottom: -15px; width: 100%; height: 2px; background: var(--color)}
.routenav li:hover{ color: var(--color); }
.lzz{ float: right; font-size: 14px; color: #666;line-height: 24px; }
.routemain{ margin-top: 30px; }
.routeitem{ display: none; overflow: hidden; }
.routeitem:first-child{ display: block; }
.routeitem a{ display: block; float: left; margin-right: 10px; min-width: 72px; padding: 0 14px; border-radius: 6px; background: #e8e8e8; color: #666666; font-size: 14px; text-align: center; line-height: 35px; height: 35px; transition: all 0.4s; margin-bottom: 10px; }
.routeitem a.on{ background: #00d3a3; color: #fff; }
.routeitem a:hover{  background: #00d3a3; color: #fff; }
.introducebox{ padding: 24px 24px 15px; margin-bottom: 20px; border-radius: 10px; border: 2px solid #f3f3f3; }
.intronr{ font-size: 15px; color: #444; line-height: 38px; margin-top: 15px;}

.gglistbox .ggitem.cnxh{border-radius: 10px; border: 2px solid #f3f3f3;padding: 24px 24px 15px;}
.mainbox.vidmain{ margin-top: 20px; }
.mainbox.vidmain .gglistbox .listbox ul li{ width: 467px;height: 176px; }
.mainbox.vidmain .gglistbox .listbox ul li:nth-child(3n){ margin-right: 21px; }
.mainbox.vidmain .gglistbox .listbox ul li:nth-child(2n){ margin-right: 0 }
.mainbox.vidmain .gglistbox .listbox ul li .btbox .ph2{ max-width: 316px; }
.mainbox.vidmain .gglistbox .listbox ul li .btbox .pname1{ max-width: 316px; }
.mainbox.vidmain .gglistbox .listbox ul li .imgbox{width: 100px; padding-top: 141px; }


.viplaybox{ padding: 24px 24px 24px; border-radius: 10px; border: 2px solid #f3f3f3;}
.viplaybox .vidnr{color: #000; margin-top: 24px; }
.viplaybox .vidnr h2{ font-size: 20px; font-weight: bold;  }
.viplaybox .vidnr h2 span{ font-size: 14px; margin-left: 8px; }
.viplaybox .vidnr p{ font-size: 12px; color: #666; font-weight: normal; margin-top: 14px; }
.viplaybox .vid{ width: 100%; background: #000; }
.viplaybox .vid video{ max-width: 100%; height: auto;}
.videobox .routenav{ margin-left: 0; margin-top: 30px; }
.videobox .routebox{ padding: 0; margin-bottom: 0; background: none; border: none; box-shadow: none; border-radius: none }

.libanbox.vidtopbox.introduce .litopnr{ margin-left: 0; float: inherit; }

.libanbox.umt{ display: flex; align-items: center; margin-top: 20px; }
.libanbox.umt .litopimg{ width: 370px; padding-top: 296px; }
.libanbox.umt .litopnr .lip1{ font-size: 28px; font-weight: bold; margin-top: 0 }
.libanbox.umt .litopnr .lip2{ font-size: 14px; font-weight: normal; margin-top: 30px; }
.libanbox.umt .litopnr .lip3{ font-size: 14px; font-weight: normal; }
.libanbox.umt .litopnr{ width: calc(100% - 394px) }

.ummain{ padding: 0 24px 24px; border-radius: 10px; border: 2px solid #f3f3f3; margin-top: 20px; }
.umtit{ font-size: 24px; color: #000; font-weight: bold; margin: 30px 0; }
.umnr{ font-size: 15px; color: #666; line-height: 38px; }

.searenr{ margin-top:40px; }
.searenr h2{ font-size: 24px; color: #000;}
.searenr p{ font-size: 14px; color: #666666; margin-top: 14px;}

.footer{ padding: 60px 0 40px; }
.foot{ font-size: 14px; color: #666; text-align: center; margin-bottom: 20px; }

.pagebox{ margin: 30px 0 50px;display: flex; justify-content: center;  }
.pagebox .pagemain{ overflow: hidden; }
.pagebox .pagemain a{ display: block; border-radius: 4px; height: 32px; cursor: pointer;  border: 1px solid #dedede; display: block; line-height: 32px; color: #333; font-size: 14px; text-align: center; margin-right: 10px; float: left; min-width: 54px; padding: 0 10px; }
.pagebox .pagemain a.on{ background: var(--color); color: #fff; border: none;}
.pagebox .pagemain a:hover{ background: var(--color); color: #fff;}
.pagebox .pagemain .pcpage{ display: block;}
.pagebox .pagemain .wappage{ display: none;}

.twogg{ margin-top: 20px; }


@media (max-width:1280px) {
	body{ padding-top: 2.1rem }
	.cont{ width:7.1rem; margin: 0 auto; }
	.w1008{ width: 100%; }
	.headbox{ height: auto; }
	.head{ overflow: inherit; padding: 0 0; display: inherit; height: auto; position: relative; }
	.head .logobox{ float: inherit; padding: 0.24rem 0rem; width: 100%; border-bottom: 0.01rem solid rgba(0,0,0,0.06); }
	.head .logobox a{ width: 2.2rem; }
	.head .navbox{ float: inherit; overflow: inherit; padding: 0 0.04rem; display: flex; display: -webkit-box; overflow-x: auto; -webkit-overflow-scrolling:touch;  }
	.head .navbox li{ float: inherit; }
	.head .navbox li a{ font-size: 0.26rem; padding: 0;  padding-right: 0.42rem; line-height: 0.88rem; }
	.head .navbox li:last-child a{ padding-right: 0; }
	.head .navbox::-webkit-scrollbar {display: none;}
	.bannerbox{ padding: 0; border: none;box-shadow: none; background: inherit; height: 2.4rem; overflow: hidden; }
	
	.bannerbox .swiper-next{ display: none; }
	.bannerbox .swiper-prev{ display: none; }
	.bannerbox .swiper-pagination{ bottom: 0.14rem !important }
	.mainbox{}

	.gglistbox .ggitem{ float: inherit;}
	.ggtit .tit img{width: 0.42rem;height: 0.42rem;margin-right: 0.14rem;}
	.ggtit .tit span{line-height: 0.42rem; font-size: 0.32rem;}
	.ggtit .hyh a{ font-size: 0.28rem; line-height: 0.42rem; }

	.gglistbox .listbox{ margin-top: 0.3rem; }
	.gglistbox .listbox ul li{ width: 3.44rem; margin-right: 0.2rem; margin-bottom: 0.2rem; height: auto; padding: 0.14rem; }
	.gglistbox .listbox ul li:nth-child(2n){ margin-right: 0;}
	.gglistbox .listbox ul li:nth-child(4n){ margin-right: 0rem;}
	.gglistbox .listbox ul li .imgbox{ width: 100%; padding-top:4.34rem; border-radius: 6px;}
	.gglistbox .listbox ul li .imgbox>img{ border-radius: 6px; }
	.gglistbox .listbox ul li .btbox{ margin-top: 0.24rem; margin-bottom: 0.1rem;}
	.gglistbox .listbox ul li .btbox .ph2{ max-width: 4.66rem; }
	.gglistbox .listbox ul li .btbox .ph2 a{ font-size: 14px; }
	.gglistbox .listbox ul li .btbox .pname1{ max-width: 4.66rem; }
	.gglistbox .listbox ul li .btbox .pname2{ max-width: 4.66rem; height: 0.52rem; }
	.gglistbox .listbox ul li .btbox .pname3{ max-width: 4.66rem; }
	.gglistbox .ggitem{ margin-bottom: 0; float: inherit; }
	.ranklist{ margin-top: 0.3rem; }
	.ranktit p{ font-size: 0.32rem; line-height: 0.4rem; margin-left: 0.2rem; }
	.ranktit .rankdw{ width: 0.4rem; height: 0.4rem; margin-top: 0; }
	.ranktit{ height: auto; margin-top: 0.2rem; }
	.phbbox ul{ overflow: hidden; }
	.phbbox ul li{ width: 50%; float: left; margin-bottom: 18px; }
	.phbbox ul li .arig p{ max-width: 2.2rem; }
	.phbbox ul li .arig span{ max-width: 2.2rem;}
	.rankbox{ width: 100%; }
	.phbbox ul{ padding: 14px 14px 0 }
	.phbbox ul li .arig p a{ max-width: 1.38rem; }

	.gglistbox .listbox.novelbox li .imgbox{ width: 100%; padding-top: 1.7rem; }
	.gglistbox .listbox.cartoonbox li{ width: 3.44rem}

	.gglistbox .listbox.cartoonbox li .imgbox{ width: 100%; padding-top: 1.76rem; }
	.gglistbox .listbox.cartoonbox li:nth-child(3n){ margin-right: 0.2rem }
	.gglistbox .listbox.cartoonbox li:nth-child(2n){ margin-right: 0 }
	.gglistbox .listbox.cartoonbox li:nth-child(4n){ margin-right: 0rem }
	.gglistbox .listbox.cartoonbox li:last-child{ display: none;}
	.gglistbox .listbox.cartoonbox ul li .btbox{ margin-top: 0.1rem; margin-bottom: 0.24rem; }

	.gglistbox .listbox.downbox li .imgbox{ width: 1.2rem; padding-top: 1.52rem; }
	.gglistbox .listbox.downbox li .btbox{ margin-left: 0.2rem; }
	.gglistbox .listbox.downbox ul li .btbox .ph2{ max-width: 1.58rem; }
	.gglistbox .listbox.downbox ul li .btbox .pname{ max-width: 1.58rem; }


	.gglistbox{ margin-top: 0.2rem; }
	.gglistbox .listbox.vili ul li{ width: 100%; margin-right: 0; }
	.gglistbox .listbox.vili ul li .imgbox{ width: 2rem; padding-top: 1.54rem; }
	.gglistbox .listbox.vili ul li .btbox{ margin-top: 0; margin-left: 0.3rem; }
	.gglistbox .listbox.vili ul li .btbox .ph2{ max-width: 4.4rem; }
	.gglistbox .listbox.vili ul li .btbox .ph2 a{ font-size: 0.32rem; line-height: 1 }
	.gglistbox .listbox.vili ul li .btbox .pname1{ max-width: 4.4rem; margin-top: 0.1rem; }

	.libanbox{ padding: 14px; margin-top: 0.1rem  }
	.litopimg{ float: inherit; width: 100%; padding-top: 3.21rem }
	.litopnr{ float: inherit; width: 100%; margin-left: 0; }
	.litopnr .lip1{ margin-top: 15px; }
	.litopnr .lip4{ line-height: 24px; }

	.updatebox.ejbox .updatemain{ padding: 0.34rem 0.24rem 0}
	.classifybox{ margin-top: 0.34rem; }
	.classifybox dl{ padding-left: 0.1rem; margin-bottom: 0.5rem }
	.classifybox dl dd{ font-size: 0.28rem }
	.classifybox dl dt{ display: flex; overflow: inherit; display: -webkit-box; overflow-x: auto; -webkit-overflow-scrolling:touch; width: 5.5rem; padding-left: 0; margin-left: 0.3rem; }
	.classifybox dl dt a{ display: block; font-size: 0.28rem}
	.classifybox dl dt::-webkit-scrollbar {display: none;}

	.twomovie .gglistbox .listbox ul li:nth-child(5n){ margin-right: 0.2rem}
	.twomovie .gglistbox .listbox ul li:nth-child(2n){ margin-right: 0 }
	.twonovel .gglistbox .listbox.novelbox ul li:nth-child(5n){ margin-right: 0.2rem; }
	.twonovel .gglistbox .listbox.novelbox ul li:nth-child(2n){ margin-right: 0; }

	.twocartoon .gglistbox .listbox.cartoonbox ul li{ width: 3.44rem; }
	.twocartoon .gglistbox .listbox.cartoonbox ul li .imgbox{ width: 100%; padding-top: 1.76rem; }

	.twocartoon .gglistbox .listbox.cartoonbox ul li:nth-child(3n){ margin-right: 0.2rem; }
	.twocartoon .gglistbox .listbox.cartoonbox ul li:nth-child(2n){ margin-right: 0; }


	.libanbox.vidtopbox .litopimg{ width: 1.5rem; padding-top: 1.5rem; float: left; }
	.libanbox.vidtopbox .litopnr{ width: calc(100% - 1.74rem); margin-left: 0.24rem; }
	.libanbox.vidtopbox.introduce .litopnr{ width: 100% }
	.gglistbox .listbox.vili.vidlisht ul li{ width: 100%; }
	.gglistbox .listbox.vili.vidlisht ul li .btbox .ph2{ max-width: 4.4rem }
	.gglistbox .listbox.vili.vidlisht ul li .btbox .pname1{ max-width: 4.4rem }

	.mainbox.vidmain{ margin-top: 0; }

	.tabpage{ margin-top: 0.2rem }
	.vidbigbox .vidlebox{ float: inherit; }
	.gglistbox .ggitem.cnxh{ padding: 0.34rem 0.24rem; margin-bottom: 0.3rem; }
	.mainbox.vidmain .gglistbox .listbox ul li{ width: 100%; }
    .mainbox.vidmain .gglistbox .listbox ul li .imgbox{width: 1.6rem;padding-top: 2.26rem;}
    .mainbox.vidmain .gglistbox .listbox ul li .btbox .ph2{ max-width: 3.9rem; }
    .mainbox.vidmain .gglistbox .listbox ul li .btbox .pname1{ max-width: 3.9rem; }

    .novelist .routeitem a{ width: 3.16rem; margin-right: 0.2rem; padding-left: 0.26rem; font-size: 0.24rem; height: 0.72rem; line-height: 0.72rem; }
	.novelist .routeitem a:nth-child(2n){ margin-right: 0; }
	.novelist .routeitem a:nth-child(5n){ margin-right: 0.2rem; }
	

	.detilebox.cont{ margin-top: 0.2rem }
	.detilebox{ padding: 0.24rem; margin-top: 0.3rem; }
	.deleftbox .deimg{ width: 1.5rem; padding-top: 2.1rem; border-radius: 0.1rem;}
	.deleftbox .denr{ margin-left: 0.3rem; max-width: 4.7rem; }
	.deh2{ font-size: 0.3rem; }
	.dep{ font-size: 0.24rem; line-height: 0.48rem; }
	.denr .palybtn{ width: 2.4rem; height: 0.84rem; font-size: 0.32rem; }
	.routebox{ padding: 0.34rem 0.24rem 0.14rem}
	.routeh2{ font-size: 0.32rem; float: inherit; }
	.routenav{ margin-left: 0; float: inherit; margin-top: 0.3rem; }
	.routenav li{ margin-right: 0.4rem; }
	.routemain{ margin-top: 0.34rem; }
	.introducebox{ padding: 0.34rem 0.24rem; margin-bottom: 0.3rem; }
	.routebox{ margin-bottom: 0.3rem; }
	.intronr{ margin-top: 0.3rem; }
	.videobox{ padding: 0.34rem 0.24rem 0.14rem }
	.videobox .vidnr{ margin-bottom: 0.3rem; }
	.videobox .vidnr h2{ font-size: 0.3rem; }
	.videobox .vidnr h2 span{ font-size: 0.24rem; }
	.videobox .vidnr p{ font-size: 0.24rem; margin-top: 0.2rem; }
	.videobox .vid{ height: 3.974rem;}
	.videobox .routenav{ margin-top: 0.3rem; }
	.downpagebox .deleftbox .deimg{width: 1.5rem; height: 2.25rem;border-radius: 0.1rem;}
	.dlinkbox{ margin: 0.2rem 0 0.3rem }
	.dlinkbox .item{ height: 0.72rem; line-height: 0.72rem; }
	.dlinkbox .item p{ width: calc(100% - 2.4rem); padding-left: 0.2rem; }
	.dlinkbox .item a{ font-size: 0.24rem; width: 2.2rem; height: 0.72rem; line-height: 0.72rem; }

	.viplaybox{ padding:0.34rem 0.24rem; margin-top: 0.3rem;  }
	.viplaybox .vid{ height: 3.974rem;}
	.viplaybox .vidnr{ margin-top: 0.34rem; }

	.xqdebox{ padding: 0.4rem; }
	.xqtit{ font-size: 0.46rem; }
	.xqsp{ margin-top: 0.3rem; padding-bottom: 0.3rem; }
	.xqmain{ margin-top: 0.3rem; }

	.libanbox.umt{ display: inherit; align-items: inherit; padding: 0.24rem; margin-top: 0.3rem; }
	.libanbox.umt .litopimg{ width: 100%; }
	.libanbox.umt .litopnr{ width: 100%; }
	.libanbox.umt .litopnr .lip1{ font-size: 0.48rem; margin-top: 0.3rem; }
	.libanbox.umt .litopnr .lip2{ margin-top: 0.3rem; }
	.ummain{ margin-top: 0.3rem; padding: 0.24rem; }
	.umtit{ font-size: 0.42rem; margin: 0.3rem 0 }
	.umnr{ line-height: 0.44rem; }

	.searenr{ margin-top:0.2rem; padding-left: 0.2rem }
	.searenr h2{ font-size: 0.36rem;}
	.searenr p{ font-size: 0.28rem; margin-top: 0.2rem; }

	.footer{ padding: 0.8rem 0 0.4rem; }
	.foot{ font-size: 0.2rem; color: #666; text-align: center; margin-bottom: 0.4rem; }
	.pagebox .pagemain .pcpage{ display: none; }
	.pagebox .pagemain .wappage{ display: block; }
	.pagebox{  margin: 0.3rem 0 0.44rem; }
	.pagebox .pagemain a{ border-radius: 0.08rem; height: 0.6rem; cursor: pointer; min-width:1.14rem;  border: 0.02rem solid #eee;display: block; line-height: 0.6rem; color: #333; font-size: 0.26rem; text-align: center; padding: 0}
	.pagebox .pagemain a:last-child{ margin-right: 0;}

	.twogg{ margin-top: 0.1rem; }
}